window.onload=function(){

    // 轮播图
    (function(){
        const sliderData = [
            { url: '../upload/bg1.jpg' },
            { url: '../upload/bg2.png' },
            { url: '../upload/bg3.jpg' },
            { url: '../upload/bg4.jpg' },
            { url: '../upload/bg5.jpg' },
            { url: '../upload/bg6.jpg' },
            { url: '../upload/bg7.jpg' },
        ]

        const img = document.querySelector('.slide .inner img')
        const prev = document.querySelector('.prev')
        const next = document.querySelector('.next')
        const slideLeft = document.querySelector('.slide-left')
        const slideRight = document.querySelector('.slide-right')
        let i = 0

        next.addEventListener('click', function (e) {
            e.preventDefault()
            i++
            i = i >= sliderData.length ? 0 : i
            toggle()


        })
        prev.addEventListener('click', function (e) {
            e.preventDefault()
            i--
            i = i < 0 ? sliderData.length - 1 : i
            toggle()

        })
        function toggle() {
            img.src = sliderData[i].url
            let n = 0
            slideLeft.style.backgroundImage = `url(${sliderData[n = i - 1 < 0 ? sliderData.length - 1:i-1].url})`
            slideRight.style.backgroundImage = `url(${sliderData[(i + 1) % sliderData.length].url})`
            document.querySelector('.slide .active').classList.remove('active')
            document.querySelector(`.circle li:nth-child(${i + 1})`).classList.add('active')
        }

        const slide = document.querySelector('.slide')

        // 自动播放
        let timer = setInterval(function () {
            // 利用js自动调用点击事件
            next.click()
        }, 2000)

        // 当鼠标经过时，停止定时器
        slide.addEventListener('mouseenter', function () {
            clearInterval(timer)
        })
        // 当鼠标离开时，开始定时器
        slide.addEventListener('mouseleave', function () {
            // 在开启定时器前先关闭定时器
            if (timer) {
                clearInterval(timer)
            }
            timer = setInterval(function () {
                next.click()
            }, 2000)
        })
    })();
    
    // 数据渲染
    (function(){
        const zsDatas=[
            { data: '05-07', title: '【喜讯】我校学子参加第二届世界大学生水下机器人大赛荣获二等奖' },
            { data: '04-09', title: '优秀教师风采 | 2023年福建省优秀教师——蒋国芳：躬耕教坛，硕果累累' },
            { data: '04-08', title: '【喜讯】我校1本教材获评首批“十四五” 职业教育国家规划教材' },
            { data: '04-01', title: '优秀教师风采│2023年福建省优秀教师——陈恩慧：传承发展南音文化 多能铸就教师风采' },
        ]
        document.querySelector('.zs-bd ul').innerHTML = zsDatas.map((item) => {
            return ` <li>
                        <div class="news_date">
                            <div class="news_day">12</div>
                            <div class="news_year">23-09</div>
                        </div>
                        <div class="news_wz">
                            <a href="">${item.title}</a>
                        </div>
                    </li>`
        }).join('')

        const lsDatas=[
            { title:'泉州师范学院2024年福建省普通专升本录取情况'},
            { title:'2022-2023年录取分数查询'},
            { title:'泉州师范学院2023年专升本录取情况统计'},
            { title:'泉州师范学院2022年专升本录取分数统计'},
            { title:'2022年录取分数查询'},
            { title:'2022年泉州师范学院高职招考（面向中职）录取情况统计'}
        ]

        document.querySelector('.ls-bd ul').innerHTML = lsDatas.map((item) => {
            return ` <li><a href="#">${item.title}</a></li>`
        }).join('')

        const zcDatas=[
            { data: '05-07', title:'泉州师范学院2024年面向港澳台侨艺术、体育类专业招生简章'},
            { data:'04-09', title:'泉州师范学院2024年专升本招生章程'},
            { data:'04-08', title:'2024年中华人民共和国普通高等学校联合招收华侨港澳台学生简章+报名有关问题问答'},
            { data:'04-01', title:'泉州师范学院2024年高职分类招考招生章程'},
            { data:'02-02', title:'泉州师范学院2024年依据台湾学测成绩招收台湾学生简章'},
            { data:'07-02', title:'泉州师范学院2023年第二学士学位招生简章'}
        ]

        document.querySelector('.zc-bd ul').innerHTML = zcDatas.map((item) => {
            return ` <li><span>${item.data}</span><a href="">${item.title}</a></li>`
        }).join('')
        
        
    })();
    

}



